<html>
    <head>
        <link rel="stylesheet" href="style.css" />
    </head>
    <body>
           
        <div id="frame"></div>
       
        <div id="main">
            <div class="tencent-video-panel">
                <video class="tencent-video" width="625" height="400" src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4"></video>
            </div>    
            
            <div id="controls">
                <div class="seek-bar">
                    <div class="fill-bar">
                        <div class="tencent-dot"></div>
                    </div>
                </div>
               
                <table border="0">
                    <tr>
                        <td width="55%">
                            <div class="tencent-time">00:00 / 00:00</div>

                        </td>
                        <td width="30%">
                            <img src="img/Play.png"  class="tencent-play"/>
                        </td>
                        <td>
                            <img src="img/Speaker.png" class="tencent-speaker"/>
                        </td>
                        <td>
                            <input type="range" class="tencent-volume" min="0" max="1" value="0.40" step="0.20" />
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        
        
    </body>
    <script src="main.js"></script>
</html>